{% extends 'partials/base.html' %}
{% block title %}订单信息{% endblock %}
{% load crispy_forms_tags %}
{% block content %}
{% include 'partials/topside.html' %}

<div class="row my-4">
    <div class="col-md-4">
<!--        <div class="card">-->
<!--            <div class="card-header bg-info text-white">-->
<!--                添加订单-->
<!--            </div>-->
<!--            <div class="card-body">-->
<!--                <form method="POST" class="uniForm" action="">-->
<!--                    {% csrf_token %}-->
<!--                    {{form|crispy}}-->
<!--                    <input class="btn btn-info" type="submit" value="添加订单">-->
<!--                </form>-->
<!--            </div>-->
<!--        </div>-->
    </div>
    <div class="col-md-8">
        <table class="table bg-white">
            <thead class="bg-info text-white">
            <tr>
                <th scope="col">职员</th>
                <th scope="col">商品名</th>
                <th scope="col">商品类型</th>
                <th scope="col">数量</th>
                <th scope="col">操作</th>
<!--                <th scope="col">操作</th>-->
                <!-- 可以添加更多列，如订单日期、客户等 -->
            </tr>
            </thead>
            <tbody>
            {% for order in orders %}
            <tr>
                <td>{{ order.staff.username }}</td>
                <td>{{ order.product.name }}</td>
                <td>{{ order.product.get_category_display }}</td>
                <td>{{ order.order_quantity }}</td>
                <!-- 这里可以添加操作列，如查看、编辑、删除按钮 -->
               <th scope="row">
                   <a class="btn btn-danger btn-sm"
                       href="{% url 'dashboard-order-delete' order.id %}">删除</a></th>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>


{% endblock %}